<template>
  <uni-nav-bar class="nav-bar" backgroundColor="#F5F5F5">
    <view style="margin: auto">百货商城</view>
    <img slot="left" src="@/static/svg/remind.svg" style="height: 25px"/>
    <view slot="right" class="icon-right">
      <uni-icons type="search" size="30" style="margin-right: 10px"></uni-icons>
      <uni-icons type="cart-filled" size="30" style="margin-right: 10px"></uni-icons>
    </view>
  </uni-nav-bar>
</template>

<script>
export default {
  name: 'CustomNavBar',
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.nav-bar {
  /deep/ .uni-navbar__header-btns {
    width: 66px !important;
  }

  .uni-icons {
    color: #1296db !important;
  }

  .icon-right {
    .uni-icons:first-of-type {
      margin-right: 5px;
    }
  }
}
</style>